<!DOCTYPE html>
<html lang="zxx">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">

	<link rel="icon" href="images/favicon.png">
	<title>Runface - 动态精准护肤，给你的皮肤新的体验</title>

	<link rel="stylesheet" href="css/materialize.css">
	<link rel="stylesheet" href="css/loaders.css">
	<link rel="stylesheet" href="css/lightbox.css">
	<link rel="stylesheet" href="css/font-awesome.min.css">
	<link rel="stylesheet" href="css/owl.carousel.min.css">
	<link rel="stylesheet" href="css/owl.theme.default.min.css">
	<link rel="stylesheet" href="css/style.css">

</head>
<body>

	<!-- navbar -->
	<div class="navbar navbar-home">
		<div class="container">
			<div class="row">
				<div class="col s3">
					<div class="content-left">
						<a href="#slide-out" data-activates="slide-out" class="sidebar"><i class="fas fa-bars"></i></a>
					</div>
				</div>
				<div class="col s6">
					<div class="content-center">
						<a href="index.html"><h1>Runface</h1></a>
					</div>
				</div>
				<div class="col s3">
					<div class="content-right">
						<div class="content-search">
							<a href="#slide-out-right" data-activates="slide-out-right" class="sidebar-right-search">
								<i class="fas fa-search"></i>
							</a>
						</div>
						<div class="content-cart">
							<a href="#slide-out-cart" data-activates="slide-out-cart" class="sidebar-right-cart">
								<i class="fas fa-shopping-cart"><sup>3</sup></i>
							</a>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
	<!-- end navbar -->


	<!-- sidebar left -->
	<div class="sidebar-panel">
		<ul id="slide-out" class="collapsible side-nav">
			<li class="list-top">
				<div class="user-view">
					<div class="image">
						<img src="images/logo.png" alt="">
					</div>
					<h3>Runface</h3>
					<span>您尚未登录，请登录</span>
				</div>
			</li>
			<li><a href="index.html">主页</a></li>
			<li><a href="services.html">美容服务</a></li>
			<li><a href="booking.html">预约</a></li>
			<li><a href="coming-soon.html">预约新版本</a></li>
			<li>
				<div class="collapsible-header">
					发现<span><i class="fas fa-angle-right right"></i></span>
				</div>
				<div class="collapsible-body">
					<ul>
						<li><a href="blog.html">热门点评</a></li>
						<li><a href="blog-single.html">护肤基础</a></li>
					</ul>
				</div>
			</li>
			<li>
				<div class="collapsible-header">
					购物商城页面<span><i class="fas fa-angle-right"></i></span>
				</div>
				<div class="collapsible-body">
					<ul>
						<li><a href="product.html">产品</a></li>
						<li><a href="product-details.html">产品明细</a></li>
						<li><a href="cart.html">购物车</a></li>
						<li><a href="checkout.html">结算</a></li>
					</ul>
				</div>
			</li>
			<li>
				<div class="collapsible-header">
					页面<span><i class="fas fa-angle-right right"></i></span>
				</div>
				<div class="collapsible-body">
					<ul>
						<li><a href="about.html">关于我们</a></li>
						<li><a href="services.html">服务</a></li>
						<li><a href="gallery.html">精彩瞬间</a></li>
						<li><a href="calendar.html">日历</a></li>
						<li><a href="pricing-table.html">价格表</a></li>
						<li><a href="page-not-found.html">404页面</a></li>
						<li><a href="contact.html">联系我们</a></li>
						<li><a href="login.html">登录</a></li>
						<li><a href="register.html">注册</a></li>
						<li><a href="team.html">团队</a></li>
						<li><a href="testimonial.html">证书</a></li>
					</ul>
				</div>
			</li>
			<li><a href="contact.html">联系我们</a></li>
			<li><a href="login.html">登录</a></li>
			<li><a href="register.html">注册</a></li>
			<li><a href="index.html">退出登录</a></li>
		</ul>
	</div>
	<!-- end sidebar left -->

	<!-- sidebar search -->
	<div class="sidebar-panel sidebar-search">
		<ul id="slide-out-right" class="collapsible side-nav">
			<li>
				<div class="form">
					<input type="search"><button class="button"><i class="fas fa-search"></i></button>
				</div>
				<div class="clear"></div>
			</li>
			<li><h5>热门搜索</h5></li>
			<li><a href="">敏感</a></li>
			<li><a href="">防晒</a></li>
			<li><a href="">美白</a></li>
			<li><a href="">痘痘</a></li>
			<li><a href="">毛孔</a></li>
			<li><a href="">卸妆</a></li>
			<li><a href="">性价比</a></li>
		</ul>
	</div>
	<!-- end sidebar search -->

	<!-- sidebar cart -->
    <div class="sidebar-panel sidebar-cart">
        <div id="slide-out-cart" class="collapsible side-nav">
            <div class="content">
                <div class="cart-img">
                    <img src="images/product1.png" alt="">
                </div>
                <div class="cart-title">
                    <a href="">Lipstick With Color Variants</a>
                    <h5>$28</h5>
                </div>
                <div class="cart-remove">
                    <a href=""><i class="fas fa-trash-alt"></i></a>
                </div>
                <div class="clear"></div>
            </div>
            <div class="content">
                <div class="cart-img">
                    <img src="images/product2.png" alt="">
                </div>
                <div class="cart-title">
                    <a href="">Soap With Natural Ingredients</a>
                    <h5>$11</h5>
                </div>
                <div class="cart-remove">
                    <a href=""><i class="fas fa-trash-alt"></i></a>
                </div>
                <div class="clear"></div>
            </div>
            <div class="content">
                <div class="cart-img">
                    <img src="images/product3.png" alt="">
                </div>
                <div class="cart-title">
                    <a href="">Oil With Real Fruit Aroma</a>
                    <h5>$32</h5>
                </div>
                <div class="cart-remove">
                    <a href=""><i class="fas fa-trash-alt"></i></a>
                </div>
                <div class="clear"></div>
            </div>
            <div class="cart-button">
                <ul>
                    <li>
                        <button class="button">View Cart</button>
                    </li>
                    <li>
                        <button class="button">Checkout</button>
                    </li>
                </ul>
            </div>
        </div>
    </div>
    <!-- end sidebar cart -->

	<!-- blog single -->
	<div class="blog-single segments-page">
		<div class="container">
			<div class="content-image">
				<img src="images/blog-single.jpg" alt="">
			</div>
			<div class="content-title">
				<p class="date">12 Jan, 2018 <span>/ admin</span></p>
				<h4>Lipstick With The Latest Look</h4>
			</div>
			<div class="content-text">
				<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Explicabo officia soluta porro necessitatibus accusamus aliquam a laborum beatae labore? Doloremque, aut, iure? Explicabo a provident error, mollitia unde temporibus fuga.</p>
				<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Soluta ratione asperiores cupiditate obcaecati magnam dolor libero sequi quibusdam, veniam vitae.</p>
			</div>
			<div class="tag">
				<ul>
					<li>Tag :</li>
					<li><a href="">hair</a></li>
					<li><a href="">colors</a></li>
					<li><a href="">curling</a></li>
					<li><a href="">beauty</a></li>
					<li><a href="">female</a></li>
					<li><a href="">hairstyle</a></li>
					<li><a href="">fashion</a></li>
				</ul>
			</div>
			<div class="comment-people">
				<div class="wrap-title">
					<h5>Comments</h5>
				</div>
				<div class="content no-pt">
					<div class="image">
						<img src="images/testimonial1.png" alt="">
					</div>
					<div class="text">
						<h5>Amanda Queen</h5>
						<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Consectetur sequi</p>
						<p class="date">12 Jan, 2018<span><i class="fas fa-reply"></i>Reply</span></p>
					</div>
				</div>
				<div class="content">
					<div class="image">
						<img src="images/testimonial2.png" alt="">
					</div>
					<div class="text">
						<h5>Diandra</h5>
						<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Consectetur sequi</p>
						<p class="date">12 Jan, 2018<span><i class="fas fa-reply"></i>Reply</span></p>
					</div>
				</div>
				<div class="content">
					<div class="image">
						<img src="images/testimonial3.png" alt="">
					</div>
					<div class="text">
						<h5>Giselle Lovia</h5>
						<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Consectetur sequi</p>
						<p class="date">12 Jan, 2018<span><i class="fas fa-reply"></i>Reply</span></p>
					</div>
				</div>
			</div>
			<div class="comment-form">
				<div class="wrap-title">
					<h5>Leave Your Reply</h5>
				</div>
				<form>
					<input type="text" placeholder="Name">
					<input type="email" placeholder="Email">
					<textarea cols="30" rows="10" placeholder="Message"></textarea>
					<button class="button">Submit</button>
				</form>
			</div>
		</div>
	</div>
	<!-- end blog single -->

	<script src="js/jquery.min.js"></script>
	<script src="js/materialize.js"></script>
	<script src="js/owl.carousel.min.js"></script>
	<script src="js/numscroller.js"></script>
	<script src="js/main.js"></script>

</body>
</html>